<!DOCTYPE html>
<html lang="Zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<title>贺春</title>
		<link rel="stylesheet" href="../build/css/normalize.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>

	<body>
		<div class="load" id="load">
			<div class="load_in">
				<div class="load_logo"></div>
				<div class="load_num"><span id="load_num">0%</span></div>
			</div>
		</div>

		<div id="app">
			<div class="music">
				<img src="img/music_pointer.png" />
				<img id="music" class="play" src="img/music_disc.png" />
			</div>
			<section class="page" id="page1">
				<div class="bg"></div>
				<div class="p1_lantern">
					<div class="p1_lantern_middle">
						<div>
							点击屏幕<br/> 开启好远2016
						</div>
					</div>
				</div>
				<div class="p1_bottom">
					<div class="p1_imooc"></div>
					<div class="p1_words">2016年慕课网新年特献</div>
				</div>
			</section>
			<section class="page" id="page2">
				<div class="bg"></div>
				<div class="p2_circle"></div>
				<div class="p2_2016"></div>
			</section>
			<div class="page" id="page3">
				<div class="bg"></div>
				<div class="p3_logo"></div>
				<div class="p3_title"></div>
				<div class="p3_second"></div>
				<div class="p3_first"></div>
				<div class="p3_blessing"></div>
			</div>
			<audio>
				<source src="music.mp3" type="audio/mp3"></source>
			</audio>
		</div>

		<script src="http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/motion.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>